<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2021-12-23 09:06:25
 * @LastEditors: sueRimn
 * @LastEditTime: 2022-08-22 17:55:19
-->
<template>
  <div>
    <h3>祖组件{{ child1 }}</h3>
  </div>
</template>
<script>
import parent1 from "./parent1.vue";
export default {
  name: "searchDocument",
  components: {
    parent1,
  },
  data() {
    return {
      child1: "child1",
      child2: "child2",
      child3: "child3",
      child4: "child4",
    };
  },
  mounted() {
    this.$nextTick(() => {
      this.child1 = "11";
    });
  },
  methods: {
    onTest1() {
      console.log("祖组件定义的方法--> onTest1 ");
    },
    onTest2() {
      console.log("祖组件定义的方法--> onTest2 ");
    },
    onTest3() {
      console.log("祖组件定义的方法--> onTest3 ");
    },
    onTest4() {
      console.log("祖组件定义的方法--> onTest4 ");
    },
  },
};
</script>